<div class="inner-panel">
    <base-grid
        #baseGrid
        [columns]="columns"
        [customButtons]="customButtons"
        [customListItem]="customListItem"
        [keyField]="'iconId'"
        [nameField]="'name'"
        [popupWidth]="500"
        [schema]="schema"
        [searchForm]="searchForm"
        [showRefresh]="false"
        [showType]="'list'"
    >
    </base-grid>
    <ng-template #customListItem let-item>
        <img *ngIf="item.picture.indexOf('base64') >= 0 " alt="img" class="show-point" src="{{item.picture}}">
        <div *ngIf="item.picture.indexOf('svg') >= 0 " [innerHTML]="getSvgHtml(item.picture)"
             class="show-point-svg"></div>
        <div class="i-text">{{item.name}}</div>
    </ng-template>
    <ng-template #customButtons>
        <nz-input-group [nzSuffix]="suffixIconButton" nzSearch
                        style="width: 200px ;float: right;margin-right: 1.5%">
            <input (ngModelChange)="baseGrid.reload()" [(ngModel)]="searchForm.name" nz-input placeholder="请输入图标名称"
                   type="text"/>
        </nz-input-group>
        <ng-template #suffixIconButton>
            <i (click)="baseGrid.reload()" nz-icon nzType="search"></i>
        </ng-template>
    </ng-template>
</div>






